<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>ebuddy.com in your website sample</title>

<script>

function show(id){
  document.getElementById('msn_div').style.display = id == "msn_div" ? '' : 'none';
  document.getElementById('yahoo_div').style.display = id == "yahoo_div" ? '' : 'none';
  document.getElementById('aol_div').style.display = id == "aol_div" ? '' : 'none';
}

</script>
</head>
<body>
<br/>
   <center>
   Mensajeria Instantanea a la Mano, de Clic en una imagen. <br/>Servicio prestado por <a href="http://www.ebuddy.com/in_your_website.php">ebuddy.com</a> 

   <br><br><br>
      <table width="150" border="0">
      <tr>
      <td align="center"><img onClick="show('msn_div')" src="images/iconMSN.jpg"></td>
      <td align="center"><img onClick="show('yahoo_div')" src="images/iconYIM.jpg"></td>
      <td align="center"><img onClick="show('aol_div')"  src="images/iconAIM.jpg"></td>
      </tr>
      <tr>

      <td colspan="3">
      <div style="display: none;" id="msn_div">
      <script src="http://www.ebuddy.com/everywhere.php"></script> 
      </div>
      <div style="display:none;" id="yahoo_div">
      <script src="http://www.ebuddy.com/everywhere_yahoo.php"></script>
      </div>
      <div id="aol_div" style="display:none;" >
      <script src="http://www.ebuddy.com/everywhere_aim.php"></script>
      </div>

      </td></tr>
      </table>
   </center>
</body>
</html>


